@charset "utf-8";
/* CSS Document */

body {
    margin: 0px;    
}

@media screen{
    body {
        background-color: #333333;
    }
    tr:hover {
        background-color:#317082;
        color:#FFF;
    }
    .topBar {
        width: 100%;
        height: 41px;
        background-image: url(../img/print_bar.jpg);
        background-repeat:repeat-x;
        vertical-align: middle;
        text-align: center;
    }
    .innerBar {
        width: 1024px;
        height: 41px;
        padding: 8px;
        margin:0 auto 0 auto;
        text-align: left;
    }
    .lnkbutton{
        cursor:pointer;
        margin:0 4px 60px 23px;
        padding:0.5em 1.1em;
        text-align:center;
        text-decoration:none !important;
	background-image: url(../img/button.png);
	background-repeat: no-repeat;
        outline: medium none;
	color:black;
    }
    .ui-corner-all {
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
    input[type=submit], input[type=button], a.lnkbutton {
        font-family: Arial, Helvetica, sans-serif;
	height: 23px;
	background-color: #f5f5f0;
	border-bottom: 1px solid #555555;
	border-right:1px solid #555555;
	border-top:0px; border-left:0px;
	font-size: 9px;
	color:navy;
	background-image: url(../img/botones.png);
	background-repeat: no-repeat;
	padding-left: 22px;
	margin-left:2px; margin-right:2px;
	outline-width:0px;
    }
    input[type=submit]:hover, input[type=button]:hover, a.lnkbutton:hover{
        background-color: #f5f5f0;
        border-bottom: 1px solid #AAAAAA;  border-right:1px solid #AAAAAA;
        border-top:0px; border-left:0px;
        background-image: url(../img/botones.png);
    }
    .btnnew{ background-position: 0px 0px; }
    .btnedit{ background-position: 0px -23px; }
    .btncancel{ background-position: 0px -46px; }
    .btnerase{ background-position: 0px -69px; }
    .btnprint{ background-position: 0px -92px; }
    .btnduplicate{ background-position: 0px -115px; }
    .btnfind{ background-position: 0px -138px; }
    .btnsave{ background-position: 0px -161px; }
    .btnaccept{ background-position: 0px -184px; }
    .btnback{ background-position: 0px -207px; }
    .btnchangepass{ background-position: 0px -230px; }
    .btnpermissions{ background-position: 0px -253px; }
    .btnedituser{ background-position: 0px -276px; }
    .btncentering{ background-position: 0px -299px; }
    .btndoc1{ background-position: 0px -322px; }
    .btndoc2{ background-position: 0px -345px; }
    .btnreport{ background-position: 0px -368px; }
    .btntruck{ background-position: 0px -391px; }
    .btnmanage{ background-position: 0px -414px; }
    .btnsendpack{ background-position: 0px -437px; }
    .btnreturnpack{ background-position: 0px -460px; }
    .btnsenddoc{ background-position: 0px -483px; }
    .btnreturndoc{ background-position: 0px -506px; }
    .btnwheel{ background-position: 0px -529px; }
    .btnpdf{ background-position: 0px -552px; }
    
    #contenido {
        font-family: Verdana;
        font-size: 6pt;
        width: 1024px;
        height: 534px;
        margin:0 auto 0 auto;
        text-align: left;
        overflow: scroll;
        background-color: #FFFFFF;
        padding: 3px;
    }
    .hidden {
        font-family: Arial, Helvetica, sans-serif;
        height:auto;
        left:317px;
        display:none;
        position: absolute;
        top:35px;
        width: 241px;
        background: #FFFFFF;
        border: 1px solid gray;
    }
    .hidden ul {
        margin:0;
        padding: 0;
        list-style-type: none;
        font-size: 12px;
        line-height: 17px;
    }
    .hidden a{
        display: block;
        padding: 1px;
        padding-left: 10px;
        width: 230px;
        background-color: #FFF;
        border-bottom: 1px solid #DDF;
    }

    .hidden a:link, .hidden a:visited{
        color: navy;
        text-decoration: none;
    }

    .hidden a:hover{
        background-color: #369;
        color: #fff;
        text-decoration: none;
    }

    .pageseparator{
        background-image:url(../img/pageseparator.png);
        background-repeat:repeat-x;
        margin-top:     4px;
        margin-bottom:  4px;
        margin-left:    -3px;
        margin-right:   -3px;
        margin-bottom:  4px;
        padding-top:    4px;
    }

    .noprint {
        display:inline;
    }

    .noprint table {
        padding: 30px;
        border: black dotted 1px;        
        background-image:url(../img/noprint.png);
        background-repeat:repeat;
    }
}

table{
    border-collapse:collapse;
}

@media print{
    body {
        background-color: #FFFFFF;
    }
	
    .topBar {
        display: none;
    }
    .innerBar {
        display: none;
    }
	h2{
		font-size: 8pt;
	}
    #contenido {
        font-family: Verdana;
        font-size: 8pt;
        width: 100%;
        height: 100%;
        text-align: left;
    }

    .pageseparator{
        page-break-after: always;
    }

    .noprint {
        display:none;
    }
}